<extend name="Public:base" />
<block name="content">
    <form method="post" id="validation-form" action="{:U('ProductAcc/Del')}">
      <div class="table-responsive">
        <table class="table table-striped table-bordered table-hover search-form" id="nav-table">
            <thead>
            <th>产品名称：<input name="name" type="text" placeholder="输入名称" value="{:I('name')}" />
            <a class="btn btn-primary radius5 btn-sm" href="javascript:;" id="search" url="{:U('ProductAcc/Product')}/key">查询</a>
            <a   href="{:U('ProductAcc/addProduct')}" class="btn btn-primary radius5 btn-sm">添加产品</a>
            <input   id="submitBtn" type="submit" value="删除"  class="btn btn-danger radius5 btn-sm" ></th>
            </thead>
        </table>
       </div>
    <div class="table-responsive">
        <table class="table table-striped table-bordered table-hover" id="mytable">
            <thead>
            <tr>
                <th class="center" style="width: 30px"><input id="CheckAll" type="checkbox" /></th>
                <th>序号</th>
                <th>产品名称</th>
                <th class="col-xs-1">产品图片</th>
                <th>产品价格</th>
                <th>产品分类</th>
                <th>产品外链</th>
                <th>状态</th>
                <th>排序</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <volist name="product" id="vo">
            <tr>
                <td class="center"><input name="product[]" value="{$vo.id}" type="checkbox" /></td>
                <td>{$key+1}</td>
                <td style="text-indent:{$vo['level']*45}px;">{$vo.name}</td>
                <td style="width:50px;"><img src="{$vo.icon}?imageView2/1/w/50/h/50/q/100"/></td>
                <td>{$vo.price}</td>
                <td>{$vo.path_name}</td>
                <td>{$vo.url}</td>
                <td>
                    <?php
					switch($vo['status']){
						case '1':
						echo '<span class="green bold">启用</span>';
                    break;
                    case '2':
                    echo '<span class="red bold">禁用</span>';
                    break;
                    }
                    ?>
                </td>
                <td>{$vo.order}</td>
                <td>
                    <a  style="{$update==1?'':'display: none'}" href="{:U('ProductAcc/editProduct')}/id/{$vo.id}" class="btn btn-xs btn-info radius5" style="margin-right: 10px;float:none;">
                        <i class="ace-icon fa">编辑</i>
                    </a>
                    <input type="hidden" name="id" value="<?php echo $vo['category_id'] ?>"/>
                </td>
            </tr>
            </volist>
            <tr>
                <td colspan="20" class="page">{$page}</td>
            </tr>
            </tbody>
        </table>
    </div>
    </form>
</block>
<block name="javascript">
    <script>
        $(function(){

            $("#search").click(function () {
                var url = $(this).attr('url');
                var query = $('.search-form').find('input,select').serialize();
                query = query.replace(/(&|^)(\w*?\d*?\-*?_*?)*?=?((?=&)|(?=$))/g, '');
                query = query.replace(/^&/g, '');
                if (url.indexOf('?') > 0) {
                    url += '&' + query;
                } else {
                    url += '?' + query;
                }
                window.location.href = url;
            });

            $('#CheckAll').click(function () {
                $("input[name='product[]']").prop('checked', this.checked);
            });

            $("#submitBtn").click(function(){
                var result = new Array(), str = '';
                $('input[name="product[]"]:checked').each(function () {
                    result.push($(this).val());
                });
                var str = result.join(',');

                if (str == '') {
                    $.jbox.info('没有选中任何数据！',"提示");
                    return false;
                }
                var submit = function (v, h, f) {
                    if (v == 'ok') {
                        $('#validation-form').ajaxSubmit(function(data){
                            if(data=='2'){
                                $.jbox.tip("正在删除数据...", 'loading');
                                // 模拟2秒后完成操作
                                window.setTimeout(function () { $.jbox.tip('删除成功。', 'success');location.reload()}, 1000);
                            }else if(data=='-1'){
                                $.jbox.info("删除失败!",'提示');
                            }
                        });
                    }
                    else if (v == 'cancel') {
                        // 取消
                    }

                    return true; //close
                };

                $.jbox.confirm("确定要删除数据吗？", "提示", submit);

                return false;
            });

        });
    </script>
</block>